<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mainPage</title>
<link href="../css/main.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../jlib/tabs/ui.tabs.css" type="text/css"
	media="print, projection, screen" />
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../jlib/tabs/ui.tabs.js" type="text/javascript"></script>
<script src="../jlib/scroll/jscroll.js" type="text/javascript"></script>
<script type="text/javascript">
        
	function addTab(id, url, content){	
		$('#tabs ul').tabsAdd(id, url, content);//.tabsClick(tabCounter);

		revise();
    }
			
    $(function() {
        $('#tabs ul').tabs();   
		
		$(window).bind('resize', function() {
			revise();
		});

		revise();

    });

	function revise() {
		$("#tabs").each(function() {
			var sc = this;
			//alert(sc.id + "##" + $(sc).height());
			var height = (window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight));
				//alert(height + "@@" + window.document.body.clientHeight + "@@" + screen.height);
			$(sc).css({height : height - 60});
		});
	}

</script>
</head>
<body>
<div style="margin: 0; padding: 0px;"></div>
<div id="tabs">
<ul class="siteTab">
	<li><a href="#tabs-1"><span>首页</span></a></li>
</ul>
<div id="tabs-1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td align="center"><iframe src="mainbody.html" frameborder="0"
			scrolling="auto" width="100%" height="700"></iframe></td>
	</tr>
</table>
</div>
</div>




</body>
</html>
